<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="custom" tagdir="/WEB-INF/tags" %>
<html>
<head>
    <title>账号列表</title>
</head>


<body>
<div class="pageheader">
    <h2>账号列表</h2>
</div>
<div class="contentpanel">
    <form class="form-inline">
        <input type="hidden" name="user_id" value="${listDto.user_id}">

        <div class="btn-group mr10">
            <input type="text" class="form-control " name="username" value="${listDto.username}"
                   placeholder="请输入要查询的账号名">

            <button type="submit" class="form-control btn-success">查询</button>
        </div>
        <div class="btn-group mr10">
            <a class="btn btn-success"
               href="${contextPath}/admin/user/load.htm?userId=${listDto.user_id}">新增账号</a>
        </div>
    </form>
    <table class="table table-striped dataTable no-footer" id="table2" role="grid" aria-describedby="table2_info">
        <thead>
        <tr role="row">
            <th class="sorting_asc" tabindex="0" aria-controls="table2"
                rowspan="1" colspan="1" aria-sort="ascending">用户
            </th>
            <th class="sorting_asc" tabindex="0" aria-controls="table2"
                rowspan="1" colspan="1" aria-sort="ascending">用户名
            </th>
            <th class="sorting_asc" tabindex="0" aria-controls="table2"
                rowspan="1" colspan="1" aria-sort="ascending">状态
            </th>
            <th class="sorting_asc" tabindex="0" aria-controls="table2"
                rowspan="1" colspan="1" aria-sort="ascending">权限
            </th>
            <th class="sorting_asc" tabindex="0" aria-controls="table2"
                rowspan="1" colspan="1" aria-sort="ascending">最后登录的时间
            </th>
            <th class="sorting" tabindex="0" aria-controls="table2" rowspan="1" colspan="1">操作
            </th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${listDto.list}" var="item" varStatus="status">
            <tr class="gradeA ${status.index/2 eq 0?"odd":"even"}">
                <custom:user_account_list_item item="${item}"/>
            </tr>
        </c:forEach>
        </tbody>
    </table>
    <custom:page page="${listDto}"/>
    <c:if test="${not empty param.change_password}">
        <script type="text/javascript">
            jQuery.gritter.add({
                title: '修改密码成功!',
                class_name: "growl-success",
                sticky: false
            });
        </script>
    </c:if>
</div>

<script src="${contextPath}/resources/js/jquery.datatables.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#table2').dataTable({
            "bPaginate": false,// 分页按钮
            "bFilter": false,// 搜索栏
            "bLengthChange": false,// 每行显示记录数
            "bInfo": false
        });
        $('[data-toggle="popover"]').popover({html: true});
    });
    $(".table").on("click", ".ChangeState", function () {
        var uuid = $(this).attr('uuid');
        var state = $(this).attr('state');
        var tr = $(this).parents("tr");
        //禁用tr
        $(this).addClass("disabled");
        $.ajax({
                    url: '${contextPath}/admin/user_account/change_state',
                    type: "post",
                    data: {uuid: uuid, state: state},
                    success: function (data) {
                        tr.html(data);
                    }
                }
        );
    });
</script>
</body>
</html>
